html body{
	padding: 0;
    	margin: 0;
    	width: 100%;
    	height:100%;
}

.center{
	margin: 0 150px;
}

.page{
	width: 100%;
}

.hearder{
	
}

.logo{
	float: left;
    	font-size: 22px;
   	color: gray;
}

.toplinks{
	float: right;
	margin-top: -22px
}

.toplinks>a{
	font-size: 12px;
	color: gray;
	text-decoration: none;
}

.boby{

	height: 450px;
}

.mod{
	    width: 40%;
	    float: right;
	    background: rgb(255, 255, 255);
	    height: 200px;
	    margin-right: 20%;
	    margin-top: 10%;	
}

.login{
	 font-size: 20px;
   	 color: rgb(0, 0, 255);
   	 text-align: center;
}

.login1{
	    margin-top: 5px;
	    width: 100%;
}

.login1>span{
	font-size: 13px;
   	margin-left: 10px;
   	float: left;
   	width: 15%;
}

.login1>input{
	height: 12px;
	display: block;
	width: 40%;
	background: rgba(184, 208, 254, 0.35);
    	border: 1px solid gray;

}

.mod>button{
	    font-size: 20px;
	    margin-top: 20px;
	    margin-left: 34%;
	    background: #e6efff;
	    border-radius: 3px;
	    border: 0.5px solid rgba(128, 128, 128, 0.45);
	    width: 20%;
	    color: gray;
}

.footer{
	font-size: 12px;
    	text-align: center;
    	color: gray;
}

.footer>a{
	text-decoration: none;
	color: gray
}